.personal-navbar{
  .am-navbar{
    background-color: #f4f4f4;
    // background-image: linear-gradient(to bottom,#2caf87,rgba(#2caf87,.7) 100%);
    /* border-bottom: 1px solid #f4f4f4;
    .am-navbar-title,.am-navbar-left svg{
      color: #fff;
    } */
  }
}

.personal-content{
  position: relative;
  height: calc(100vh - 45px);
  // background-image: linear-gradient(to bottom,rgba(#2caf87,.8),rgba(#2caf87,.1) 80%,#fff);
  // background-image: url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20190220%2Fec255b7b3eb64927ad74ab198ae9963b.jpeg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632731780&t=a5dca866b12869be714035014c2a1fa0');
  // background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;

 /*  &::after{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 110%;
    height: 110%;
    background-image: url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20190220%2Fec255b7b3eb64927ad74ab198ae9963b.jpeg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632731780&t=a5dca866b12869be714035014c2a1fa0');
    background-size: 100vw 100vh;
    background-attachment:fixed;
    background-repeat: no-repeat;
    background-position: top;
    // filter: blur(2px);
    z-index: 1;
  } */

  .personal-card{
    position: relative;
    width: 90%;
    // background-color: #e4ebf5;
    // background-image: linear-gradient(to bottom,#f8f8f8,rgba(#f8f8f8,.5));//#e4ebf5
    // background-image: linear-gradient(to bottom,#f8f8f8,rgba(#2caf87,.09));//#e4ebf5
    // background-image: url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201508%2F30%2F20150830175433_eZQTy.thumb.700_0.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632731780&t=d08fe31231942d21388efd627522ad37');
    
    // background-image: linear-gradient(to bottom,rgba(#fff,.2),transparent);
    border-radius: 10vw;
    // overflow: hidden;
    z-index: 20;

    &::before{
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      border-radius: 10vw;
      background-image:linear-gradient(145deg,rgba(#fff,.7),transparent) ,url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20190220%2Fec255b7b3eb64927ad74ab198ae9963b.jpeg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632731780&t=a5dca866b12869be714035014c2a1fa0');
      background-size:100vw 100vh;
      background-attachment:fixed;
      background-position:center;
      background-repeat: no-repeat;
      filter:contrast(1.2);
      overflow: hidden;
      z-index: -1;
    }

    &::after{
      position: fixed;
      top: 45px;
      left: 0;
      content: '';
      width: 100vw;
      height: 100vh;
      background-image:url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20190220%2Fec255b7b3eb64927ad74ab198ae9963b.jpeg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632731780&t=a5dca866b12869be714035014c2a1fa0');
      background-size:100vw 100vh;
      background-attachment:fixed;
      background-position:center;
      background-repeat: no-repeat;
      filter: contrast(1.1);
      z-index: -2;
    }

    .avatar{
      position: relative;
      height: 80px;
      display: flex;
      justify-content: center;
      align-items: center;
      img{
        width: 120px;
        height: 120px;
        position: absolute;
        top: -50%;
        border-radius: 50%;
      }
    }
    .message{
      padding: 0 20px 70px;

      .title{
        font:bold 18px '雅黑';
        color: #fff;
        padding:10px 0;
        border-bottom: 3px solid #f8f8f8;
      }

      .am-list{
        .am-list-body{
          background-color: transparent;
          border-top: 0;
          &::before{
            height: 0;
          }
        }
      }
      .am-list-item{
        position: relative;
        margin: 30px 0;
        width: 100%;
        border: none;
        border-radius: 25px;
        background-color: rgba(#e4ebf5,.9);

        .am-list-line{
          // height: 50px;
          // background-color:rgba(#e4ebf5,.2);// #e4ebf5;
          background-color: #e8f0fe;
          // background-image: linear-gradient(145deg,#ddd,transparent);
          border-radius: 25px;
          box-shadow: 5px 5px 5px #c5ccd8 inset,-5px -5px 8px #fff inset;

          .am-input-label{
            font: 14px '雅黑';
            color: #666;
            text-align: center;
          }
          input{
            font: 16px '雅黑';
            color: #888;
            background-color: transparent !important;
          }
        }
        
      }
      .switch{
        position: absolute;
        display: inline-block;
        top: 50%;
        right: 30px;
        transform: translateY(-50%);
      }
    }

    .personal-submit-btn{
      a{
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(135deg,#2caf87,transparent);
        font:18px '雅黑';
        border-radius: 10vw;
      }
      
    }
  }
}